<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试script方式使用vue</title>

    <script type="text/javascript" src="vue.min.js"></script>
</head>
<body>
    <div id="kzx1">
        <p>{{kzx}}</p>
    </div>

</body>

<script>
    new Vue(   //vue需要一个生成一个对象
        {
            el:"#kzx1", //表示下面元素的作用域
            data:{
                kzx:"kkkzx测试vue"
            },
            //显示template脚本，而不是#kzx1代表的脚本，如果template:'' 则还是显示#kzx1代表的脚本
            tempDate:'<h1 style="color: blue">{{kzx}}</h1>'
        }
    )

</script>

</html>